<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css"/>
    <link href="/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
    <link href="/css/chosen.css" rel="stylesheet" type="text/css"/>
    <link href="/css/select2_metro.css" rel="stylesheet" type="text/css"/>
    <link href="/css/jquery.tagsinput.css" rel="stylesheet" type="text/css"/>
    <link href="/css/clockface.css" rel="stylesheet" type="text/css"/>
    <link href="/css/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/css/datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="/css/timepicker.css" rel="stylesheet" type="text/css"/>
    <link href="/css/colorpicker.css" rel="stylesheet" type="text/css"/>
    <link href="/css/bootstrap-toggle-buttons.css" rel="stylesheet" type="text/css"/>
    <link href="/css/daterangepicker.css" rel="stylesheet" type="text/css"/>
    <link href="/css/datetimepicker.css" rel="stylesheet" type="text/css"/>
    <link href="/css/multi-select-metro.css" rel="stylesheet" type="text/css"/>
    <link href="/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="/image/favicon.ico" />
    <script type="text/javascript" src="/js/jquery-1.10.1.min.js"></script>
    <style>
        .menu{
            position: absolute;
            top: 50px;
            left: 0;
        }
        .active1
        {
            background-color: rgb(48, 48, 48);
        }
    </style>
</head>
<style>
    .pagination {
        list-style: none;
        float: right;
    }

    .pagination li {
        float: left;
        padding: 10px;
    }
</style>
<body class="page-header-fixed" style="">

    <div class="header navbar navbar-inverse navbar-fixed-top">

    <!-- BEGIN TOP NAVIGATION BAR -->

        <div class="navbar-inner">

            <div class="container-fluid">

                <!-- BEGIN LOGO -->

                <a class="brand" href="/ops/Index/index">
                    <p style="width: 200px;height: 14px;text-align: center;font-size: 18px;line-height: 150%;">
                        安吉虎猫
                    </p>
                </a>

                <!-- END LOGO -->

                <!-- BEGIN HORIZANTAL MENU -->

                <div class="navbar hor-menu hidden-phone hidden-tablet">

                    <div class="navbar-inner">

                        <ul class="nav">
                            {volist name="navList[0]" id="nav"}
                            <li {if condition="$now == $nav.path"} class="active" {/if}><a href="{$nav['url']}">{$nav['nav_name']}<span class="selected"></span></a></li>
                            {/volist}

                            <li><a href="/ops/Login/logout">退出登录<span class="selected"></span></a></li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
    </div>
            <!-- END HORIZANTAL MENU -->
    <div class="page-container row-fluid">
        <!--BEGIN SIDEBAR -->

        <div class="menu">

            <!-- BEGIN SIDEBAR MENU -->

            <ul class="page-sidebar-menu">
                {volist name="navList[1]" id="nav"}
                <li class="start {$now == $nav.path? 'active':''}" style="width: 220px;">
                    <a href="{$nav['url']}" style="width: 100%;cursor:pointer" >
                        <!--<i class="icon-bookmark-empty"></i>-->
                        <span class="title">{$nav['nav_name']}</span>
                        <span class="arrow "></span>
                    </a>
                </li>
                {/volist}
            </ul>

            <!-- END SIDEBAR MENU -->

        </div>

        {block name="content"}{/block}
    </div>

            <!-- BEGIN COPYRIGHT -->
<div class="footer">

    <div class="footer-tools">

        <span class="go-top">

        <i class="icon-angle-up"></i>

        </span>

    </div>

</div>

<!-- END COPYRIGHT -->
</body>
<!-- BEGIN CORE PLUGINS -->

<script src="/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="/layui/layui.js"></script>
<script src="/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="/js/excanvas.min.js"></script>
<script src="/js/respond.min.js"></script>
<![endif]-->
<script src="/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->

<script src="/js/ckeditor.js" type="text/javascript"></script>
<script src="/js/bootstrap-fileupload.js" type="text/javascript"></script>
<script src="/js/chosen.jquery.min.js" type="text/javascript"></script>
<script src="/js/select2.min.js" type="text/javascript"></script>
<script src="/js/wysihtml5-0.3.0.js" type="text/javascript"></script>
<script src="/js/bootstrap-wysihtml5.js" type="text/javascript"></script>
<script src="/js/jquery.tagsinput.min.js" type="text/javascript"></script>
<script src="/js/jquery.toggle.buttons.js" type="text/javascript"></script>
<script src="/js/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
<script src="/js/clockface.js" type="text/javascript"></script>
<script src="/js/date.js" type="text/javascript"></script>
<script src="/js/daterangepicker.js" type="text/javascript"></script>
<script src="/js/bootstrap-colorpicker.js" type="text/javascript"></script>
<script src="/js/bootstrap-timepicker.js" type="text/javascript"></script>
<script src="/js/jquery.inputmask.bundle.min.js" type="text/javascript"></script>
<script src="/js/jquery.input-ip-address-control-1.0.min.js" type="text/javascript"></script>
<script src="/js/jquery.multi-select.js" type="text/javascript"></script>
<script src="/js/bootstrap-modal.js" type="text/javascript"></script>
<script src="/js/bootstrap-modalmanager.js" type="text/javascript"></script>
<script src="/js/jquery.img.js" type="text/javascript"></script>

<script src="/js/app.js"></script>

<script src="/js/table-managed.js"></script>

<script src="/js/form-components.js"></script>
<script src="/js/laydate/laydate.js"></script>

<script src="/js/dropzone.js" type="text/javascript"></script>

<script src="/js/gallery.js" type="text/javascript"></script>

<script>
    jQuery(document).ready(function() {
        App.init();

    });
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>
<!-- END BODY -->

</html>